*{margin:0;padding:0;border:0;}
a{text-decoration:none;}
li{list-style:none;}
img{vertical-align:middle;}

.banner{position:relative;overflow:hidden;}
.banner ul.img{height:500px;}
.banner ul.img::after{content:"";display:block;clear:both;}
.banner ul.img li{float:left;}

.banner ul.dot{position:absolute;bottom:20px;width:100%;text-align:center;}
/*
.banner ul.dot li{display:inline-block;width:12px;height:12px;border-radius:6px;background:rgba(0,0,0,.5);margin:0 5px;cursor:pointer;}
*/
.banner ul.dot li{display:inline-block;width:50px;height:10px;background:rgba(0,0,0,.5);margin:0 5px;cursor:pointer;}